<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="common/tagInclude.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="${basePath}"/>
<link rel="Shortcut Icon" href="${basePath}static/ico/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="chec,china huadian engineering"/>
<meta name="Description" content="chec,china huadian engineering"/>
<title>中国华电工程(集团)有限公司</title>
<style>
ul,li{margin:0px; padding:0px; list-style:none;}
body{margin:0px; padding:0px; font-size:12px; background:#99ccff;}
.login{ width:766px; margin:0 auto; margin-top:30px; padding-top:235px; height:327px; background:url(${basePath}static/login/images/login_bg.jpg) no-repeat;}
.login_l{float:left; height:40px; width:120px; padding-left:175px;}
.login_r{width:400px; padding-left:50px; float:left;}
.login_r li{padding:5px 0; color:#666666;}
.login_r .input01{width:135px; height:16px; border:0; background:#fff;}
.login_r .input02{width:60px; height:16px; border:0; background:#fff;}
.btn{ padding-top:15px;}
.btn01,.btn02{ width:74px; height:25px; border:none;}
.btn01{background:url(${basePath}static/login/images/btn_01.jpg) no-repeat;}
.btn02{background:url(${basePath}static/login/images/btn_02.jpg) no-repeat;}
.login_r li span{color:#F00;}
</style>
<script type="text/javascript">
	function changeCode(){
		var currentTime = Math.round(Math.random()*10000);
		document.getElementById('verifyCodeImg').src='${basePath}verifyCode?currentTime=' + currentTime;
	}
</script> 
</head>
<body>
<form action="${basePath}login" method="post">
<div class="login">
	<div class="login_l"><img src="${basePath}static/login/images/tit_01.jpg" width="118" height="40" /></div>
	<div class="login_r">
		<ul>
			<li>用户名: <input type="text" name="username" id="username" class="input01" /></li>
			<li>密 码: &nbsp;&nbsp;<input type="password" name="password" id="password" class="input01" /></li>
			<li>验证码: <input type="text" name="verifyCode" id="verifyCode" class="input02" />
				 <img src="${basePath}verifyCode" width="69" height="20" align="absmiddle" onclick="this.src='${basePath}verifyCode?time='+new Date().getTime()" title="点击刷新验证码" /></li>
			<c:if test="${not empty message}">
				<li><font color='red'>${message}</font></li>
			</c:if>
		</ul>
		<div class="btn">
			<input type="submit" name="button" id="button" value="" class="btn01" />
			<input type="reset" name="button" id="button" value="" class="btn02" />
		</div>
	</div>
</div>
</form>
</body>
</html>